
<style>
    .red{
        color:red;
        font-size: 20px;
    }
</style>
<template>
    <div class="red">
        <h1>{{ name }}</h1> 
        <span>阅读次数{{ num }}遍<button @click="read()">阅读</button></span><br>
        <div>大江东去，浪淘尽，千古风流人物。</div>
        <div>故垒西边，人道是，三国周郎赤壁。</div>
        <div>乱石穿空，惊涛拍岸，卷起千堆雪。</div>
        <div>江山如画，一时多少豪杰。</div>
        <div>遥想公瑾当年，小乔初嫁了，雄姿英发。</div>
        <div>羽扇纶巾，谈笑间，樯橹灰飞烟灭。</div>
        <div>故国神游，多情应笑我，早生华发。</div>
        <div>人生如梦，一尊还酹江月。</div>
    </div>
</template>

<script type="module">
export default {
    name: 'first',
    data(){
        return {
            name:'念奴娇·赤壁怀古',
            num:0
        }
    },
    motheds:{
        read(){
            this.num ++;
        }
    }
}
</script>